<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
  <child :msg="pmsg"></child>
</div>

<script src="../node_modules/vue/dist/vue.js"></script>
<script>
  let child = {
    data () {
      return {
        xxx: 111
      }
    },
    template: `<p>{{msg}}</p>`,
    props: {
      msg: {
        type: Number, // 类型校验，要求pmsg必须是某种类型，如果类型不对会抛出警告
        required: true, // 必传校验，如果不传会引发警告
        default: 250, // 设置默认值，如果不传的时候使用默认值
        validator(val) { // 验证器
          console.log(val);
          if (val > 250) {
            throw new Error('太大了')
          } else {
            return true
          }
        }
      }
    }
  };
  let vm = new Vue({
    el: '#app',
    data: {
      pmsg: 200
    },
    components: {
      child
    }
  })
</script>
</body>
</html>